/* #######################################################
 Grey Separator
 ####################################################### */
#container .greySeparator {
    clear: both;
    margin: 46px 0 0 0;
    height: 1px;
    background-color: #807873;
}

/* #######################################################
 ---/ End Grey Separator
 ####################################################### */
.float_l {
    float: left;
}

.float_r {
    float: right;
}

/* #######################################################
 Intro
 ####################################################### */
#container .intro {
    clear: both;
    margin: 46px 0 0 0;
    text-align: left;
}

#container .intro h2 {
    margin: 0;
    padding: 0 0 5px 0;
    font: normal 1.5em "Times New Roman", Times, serif;
    color: #807873;
    font-style: italic;
}

#container .intro .highlight {
    /*font-weight: bold;  */
    font-size: 1.5em;
    /*border-bottom: solid 2px #e97004; */
}

#container .intro p {
    margin: 25px 0 0 0;
    padding: 0;
    font: normal .75em "Times New Roman", Times, serif;
    color: #373431;
    line-height: 1.5em;
}

#container .intro p span {
    margin: 25px 0 0 0;
    padding: 0;
    font: normal .70em "Times New Roman", Times, serif;
    color: #373431;
    line-height: 1.5em;
}

#container .intro a, #container .intro a:link, #container .intro a:active, #container .intro a:visited {
    font-style: normal;
    /*color: #e97004; */
    text-decoration: none;
    color: #145d7e;
}

#container .intro a:hover {
    text-decoration: underline;
}

#image {
    margin-top: 100px;
}

#image img {
    width: 200px;
}

#container .intro .description {
    width: 900px;
    text-align: justify;
}

/* #######################################################
 ---/ End Intro
 ####################################################### */
/* #######################################################
 Grey Separator Thick
 ####################################################### */
#container .greySeparatorThick {
    clear: both;
    margin: 46px 0 0 0;
    height: 6px;
    background-color: #807873;
}

/* #######################################################
 ---/ End Grey Separator Thick
 ####################################################### */
/* #######################################################
 Featured work
 ####################################################### */
#container .featuredWork {
    clear: both;
    margin: 26px 0 0 0;
    text-align: justify;
}

#container .featuredWork p span {
    margin: 0;
    padding: 0 0 5px 0;
    font: normal 1.2em "Times New Roman", Times, serif;
    color: #807873;
    font-style: italic;
}

#container .intro .featuredWork h1 {
    margin: 0;
    padding: 0 0 5px 0;
    font: normal 1.2em "Times New Roman", Times, serif;
    color: #807873;
    font-style: italic;
}

#container .intro .featuredWork h2 a {
    margin: 0;
    padding: 0;
    font: normal 0.75em "Times New Roman", Times, serif;
    color: #e97004;
}

#container .intro .featuredWork .title h2 a, #container .intro .featuredWork .title h2 a:link, #container .intro .featuredWork .title h2 a:active, #container .intro .featuredWork .title h2 a:visited {
    font-style: normal;
    color: #e97004;
    text-decoration: none;
}

#container .featuredWork .title a:hover {
    text-decoration: underline;
}

#container .featuredWork ul {
    list-style: none;
}

#container .featuredWork .images {
    padding: 25px 0 0 0;
}

#container .featuredWork .title {
    padding: 25px 0 0 0;
}

#container .featuredWork .title a, #container .featuredWork .title a:link, #container .featuredWork .title a:active, #container .featuredWork .title a:visited {
    font-style: normal;
    /*color: #e97004; */
    color: #5E2612;
    text-decoration: none;
}

#container .featuredWork .title a:hover {
    text-decoration: underline;
}

#container .featuredWork .description {
    padding: 12px 0 0 0;
}

#container .featuredWork li {
    margin: 0 16px 0 0;
    width: 300px;
    float: left;
    font: normal 0.75em "Times New Roman", Times, serif;
    color: #373431;
    /*	font-style: italic; */
}

.course  {
    margin: 0 56px 0 0;
    /*  width: 300px;
     float: left; */
    font: normal 0.75em "Times New Roman", Times, serif;
    color: #373431;
	
}

#container .featuredWork .end {
    margin: 0;
    width: 300px;
    float: left;
}

/* #######################################################
 ---/ End Featured work
 ####################################################### */ 
